<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
  <!-- head -->
   <include file="Public:head"/>
   <!-- head -->
   <body class="page">
      <div class="wrap">
        <!-- Header start -->
        <include file="Public:header" />
        <!-- Header End -->
         <!-- Content Start -->
         <div id="main">
            <!-- Title, Breadcrumb Start-->
            <div class="breadcrumb-wrapper">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
                        <h2 class="title">图标工具箱</h2>
                     </div>
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
                        <div class="breadcrumbs pull-right">
                           <ul>
                              <li>你的位置:</li>
                              <li><a href="#">前端工具</a></li>
                              <li>图标工具</li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Title, Breadcrumb End-->
            <!-- Main Content start-->
            <div class="content">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 col-md-12">
                        <div class="bottom-4" id="horizontal-tabs">
                           <ul class="tabs">
                              <li id="tab1" class="current">网页图标</li>
                              <li id="tab2">货币图标</li>
                              <li id="tab3">方向图标</li>
                           </ul>
                           <div class="contents">
                              <div class="tabscontent" id="content1">
                                 <div class="web-normal">
                                    <i class="icon-adjust icon-2x"></i>
                                    <i class="icon-anchor icon-2x"></i>
                                    <i class="icon-archive icon-2x"></i>
                                    <i class="icon-asterisk icon-2x"></i>
                                    <i class="icon-ban-circle icon-2x"></i>
                                    <i class="icon-bar-chart icon-2x"></i>
                                    <i class="icon-barcode icon-2x"></i>
                                    <i class="icon-beaker icon-2x"></i>
                                    <i class="icon-beer icon-2x"></i>
                                    <i class="icon-bell icon-2x"></i>
                                    <i class="icon-bell-alt icon-2x"></i>
                                    <i class="icon-bolt icon-2x"></i>
                                    <i class="icon-book icon-2x"></i>
                                    <i class="icon-bookmark icon-2x"></i>
                                    <i class="icon-bookmark-empty icon-2x"></i>
                                    <i class="icon-briefcase icon-2x"></i>
                                    <i class="icon-bug icon-2x"></i>
                                    <i class="icon-building icon-2x"></i>
                                    <i class="icon-bullhorn icon-2x"></i>
                                    <i class="icon-bullseye icon-2x"></i>
                                    <i class="icon-calendar icon-2x"></i>
                                    <i class="icon-calendar-empty icon-2x"></i>
                                    <i class="icon-camera icon-2x"></i>
                                    <i class="icon-camera-retro icon-2x"></i>
                                    <i class="icon-certificate icon-2x"></i>
                                    <i class="icon-check icon-2x"></i>
                                    <i class="icon-check-empty icon-2x"></i>
                                    <i class="icon-check-minus icon-2x"></i>
                                    <i class="icon-check-sign icon-2x"></i>
                                    <i class="icon-circle icon-2x"></i>
                                    <i class="icon-circle-blank icon-2x"></i>
                                    <i class="icon-cloud icon-2x"></i>
                                    <i class="icon-cloud-download icon-2x"></i>
                                    <i class="icon-cloud-upload icon-2x"></i>
                                    <i class="icon-code icon-2x"></i>
                                    <i class="icon-code-fork icon-2x"></i>
                                    <i class="icon-coffee icon-2x"></i>
                                    <i class="icon-cog icon-2x"></i>
                                    <i class="icon-cogs icon-2x"></i>
                                    <i class="icon-collapse icon-2x"></i>
                                    <i class="icon-collapse-alt icon-2x"></i>
                                    <i class="icon-collapse-top icon-2x"></i>
                                    <i class="icon-comment icon-2x"></i>
                                    <i class="icon-comment-alt icon-2x"></i>
                                    <i class="icon-comments icon-2x"></i>
                                    <i class="icon-comments-alt icon-2x"></i>
                                    <i class="icon-compass icon-2x"></i>
                                    <i class="icon-credit-card icon-2x"></i>
                                    <i class="icon-crop icon-2x"></i>
                                    <i class="icon-dashboard icon-2x"></i>
                                    <i class="icon-desktop icon-2x"></i>
                                    <i class="icon-download icon-2x"></i>
                                    <i class="icon-download-alt icon-2x"></i>
                                    <i class="icon-edit icon-2x"></i>
                                    <i class="icon-edit-sign icon-2x"></i>
                                    <i class="icon-ellipsis-horizontal icon-2x"></i>
                                    <i class="icon-ellipsis-vertical icon-2x"></i>
                                    <i class="icon-envelope icon-2x"></i>
                                    <i class="icon-envelope-alt icon-2x"></i>
                                    <i class="icon-eraser icon-2x"></i>
                                    <i class="icon-exchange icon-2x"></i>
                                    <i class="icon-exclamation icon-2x"></i>
                                    <i class="icon-exclamation-sign icon-2x"></i>
                                    <i class="icon-expand icon-2x"></i>
                                    <i class="icon-expand-alt icon-2x"></i>
                                    <i class="icon-external-link icon-2x"></i>
                                    <i class="icon-external-link-sign icon-2x"></i>
                                    <i class="icon-eye-close icon-2x"></i>
                                    <i class="icon-eye-open icon-2x"></i>
                                    <i class="icon-facetime-video icon-2x"></i>
                                    <i class="icon-female icon-2x"></i>
                                    <i class="icon-fighter-jet icon-2x"></i>
                                    <i class="icon-film icon-2x"></i>
                                    <i class="icon-filter icon-2x"></i>
                                    <i class="icon-fire icon-2x"></i>
                                    <i class="icon-fire-extinguisher icon-2x"></i>
                                    <i class="icon-flag icon-2x"></i>
                                    <i class="icon-flag-alt icon-2x"></i>
                                    <i class="icon-flag-checkered icon-2x"></i>
                                    <i class="icon-folder-close icon-2x"></i>
                                    <i class="icon-folder-close-alt icon-2x"></i>
                                    <i class="icon-folder-open icon-2x"></i>
                                    <i class="icon-folder-open-alt icon-2x"></i>
                                    <i class="icon-food icon-2x"></i>
                                    <i class="icon-frown icon-2x"></i>
                                    <i class="icon-gamepad icon-2x"></i>
                                    <i class="icon-gear icon-2x"></i>
                                    <i class="icon-gears icon-2x"></i>
                                    <i class="icon-gift icon-2x"></i>
                                    <i class="icon-glass icon-2x"></i>
                                    <i class="icon-globe icon-2x"></i>
                                    <i class="icon-group icon-2x"></i>
                                    <i class="icon-hdd icon-2x"></i>
                                    <i class="icon-headphones icon-2x"></i>
                                    <i class="icon-heart icon-2x"></i>
                                    <i class="icon-heart-empty icon-2x"></i>
                                    <i class="icon-home icon-2x"></i>
                                    <i class="icon-inbox icon-2x"></i>
                                    <i class="icon-info icon-2x"></i>
                                    <i class="icon-info-sign icon-2x"></i>
                                    <i class="icon-key icon-2x"></i>
                                    <i class="icon-keyboard icon-2x"></i>
                                    <i class="icon-laptop icon-2x"></i>
                                    <i class="icon-leaf icon-2x"></i>
                                    <i class="icon-legal icon-2x"></i>
                                    <i class="icon-lemon icon-2x"></i>
                                    <i class="icon-level-down icon-2x"></i>
                                    <i class="icon-level-up icon-2x"></i>
                                    <i class="icon-lightbulb icon-2x"></i>
                                    <i class="icon-location-arrow icon-2x"></i>
                                    <i class="icon-lock icon-2x"></i>
                                    <i class="icon-magic icon-2x"></i>
                                    <i class="icon-magnet icon-2x"></i>
                                    <i class="icon-mail-forward icon-2x"></i>
                                    <i class="icon-mail-reply icon-2x"></i>
                                    <i class="icon-mail-reply-all icon-2x"></i>
                                    <i class="icon-male icon-2x"></i>
                                    <i class="icon-map-marker icon-2x"></i>
                                    <i class="icon-meh icon-2x"></i>
                                    <i class="icon-microphone icon-2x"></i>
                                    <i class="icon-microphone-off icon-2x"></i>
                                    <i class="icon-minus icon-2x"></i>
                                    <i class="icon-minus-sign icon-2x"></i>
                                    <i class="icon-minus-sign-alt icon-2x"></i>
                                    <i class="icon-mobile-phone icon-2x"></i>
                                    <i class="icon-money icon-2x"></i>
                                    <i class="icon-moon icon-2x"></i>
                                    <i class="icon-move icon-2x"></i>
                                    <i class="icon-music icon-2x"></i>
                                    <i class="icon-off icon-2x"></i>
                                    <i class="icon-ok icon-2x"></i>
                                    <i class="icon-ok-circle icon-2x"></i>
                                    <i class="icon-ok-sign icon-2x"></i>
                                    <i class="icon-pencil icon-2x"></i>
                                    <i class="icon-phone icon-2x"></i>
                                    <i class="icon-phone-sign icon-2x"></i>
                                    <i class="icon-picture icon-2x"></i>
                                    <i class="icon-plane icon-2x"></i>
                                    <i class="icon-plus icon-2x"></i>
                                    <i class="icon-plus-sign icon-2x"></i>
                                    <i class="icon-plus-sign-alt icon-2x"></i>
                                    <i class="icon-power-off icon-2x"></i>
                                    <i class="icon-print icon-2x"></i>
                                    <i class="icon-pushpin icon-2x"></i>
                                    <i class="icon-puzzle-piece icon-2x"></i>
                                    <i class="icon-qrcode icon-2x"></i>
                                    <i class="icon-question icon-2x"></i>
                                    <i class="icon-question-sign icon-2x"></i>
                                    <i class="icon-quote-left icon-2x"></i>
                                    <i class="icon-quote-right icon-2x"></i>
                                    <i class="icon-random icon-2x"></i>
                                    <i class="icon-refresh icon-2x"></i>
                                    <i class="icon-remove icon-2x"></i>
                                    <i class="icon-remove-circle icon-2x"></i>
                                    <i class="icon-remove-sign icon-2x"></i>
                                    <i class="icon-reorder icon-2x"></i>
                                    <i class="icon-reply icon-2x"></i>
                                    <i class="icon-reply-all icon-2x"></i>
                                    <i class="icon-resize-horizontal icon-2x"></i>
                                    <i class="icon-resize-vertical icon-2x"></i>
                                    <i class="icon-retweet icon-2x"></i>
                                    <i class="icon-road icon-2x"></i>
                                    <i class="icon-rocket icon-2x"></i>
                                    <i class="icon-rss icon-2x"></i>
                                    <i class="icon-rss-sign icon-2x"></i>
                                    <i class="icon-screenshot icon-2x"></i>
                                    <i class="icon-search icon-2x"></i>
                                    <i class="icon-share icon-2x"></i>
                                    <i class="icon-share-alt icon-2x"></i>
                                    <i class="icon-share-sign icon-2x"></i>
                                    <i class="icon-shield icon-2x"></i>
                                    <i class="icon-shopping-cart icon-2x"></i>
                                    <i class="icon-sign-blank icon-2x"></i>
                                    <i class="icon-signal icon-2x"></i>
                                    <i class="icon-signin icon-2x"></i>
                                    <i class="icon-signout icon-2x"></i>
                                    <i class="icon-sitemap icon-2x"></i>
                                    <i class="icon-smile icon-2x"></i>
                                    <i class="icon-sort icon-2x"></i>
                                    <i class="icon-sort-by-alphabet icon-2x"></i>
                                    <i class="icon-sort-by-alphabet-alt icon-2x"></i>
                                    <i class="icon-sort-by-attributes icon-2x"></i>
                                    <i class="icon-sort-by-attributes-alt icon-2x"></i>
                                    <i class="icon-sort-by-order icon-2x"></i>
                                    <i class="icon-sort-by-order-alt icon-2x"></i>
                                    <i class="icon-sort-down icon-2x"></i>
                                    <i class="icon-sort-up icon-2x"></i>
                                    <i class="icon-spinner icon-2x"></i>
                                    <i class="icon-star icon-2x"></i>
                                    <i class="icon-star-empty icon-2x"></i>
                                    <i class="icon-star-half icon-2x"></i>
                                    <i class="icon-star-half-empty icon-2x"></i>
                                    <i class="icon-star-half-full icon-2x"></i>
                                    <i class="icon-subscript icon-2x"></i>
                                    <i class="icon-suitcase icon-2x"></i>
                                    <i class="icon-sun icon-2x"></i>
                                    <i class="icon-superscript icon-2x"></i>
                                    <i class="icon-tablet icon-2x"></i>
                                    <i class="icon-tag icon-2x"></i>
                                    <i class="icon-tags icon-2x"></i>
                                    <i class="icon-tasks icon-2x"></i>
                                    <i class="icon-terminal icon-2x"></i>
                                    <i class="icon-thumbs-down icon-2x"></i>
                                    <i class="icon-thumbs-down-alt icon-2x"></i>
                                    <i class="icon-thumbs-up icon-2x"></i>
                                    <i class="icon-thumbs-up-alt icon-2x"></i>
                                    <i class="icon-ticket icon-2x"></i>
                                    <i class="icon-time icon-2x"></i>
                                    <i class="icon-tint icon-2x"></i>
                                    <i class="icon-trash icon-2x"></i>
                                    <i class="icon-trophy icon-2x"></i>
                                    <i class="icon-truck icon-2x"></i>
                                    <i class="icon-umbrella icon-2x"></i>
                                    <i class="icon-unchecked icon-2x"></i>
                                    <i class="icon-unlock icon-2x"></i>
                                    <i class="icon-unlock-alt icon-2x"></i>
                                    <i class="icon-upload icon-2x"></i>
                                    <i class="icon-upload-alt icon-2x"></i>
                                    <i class="icon-user icon-2x"></i>
                                    <i class="icon-volume-down icon-2x"></i>
                                    <i class="icon-volume-off icon-2x"></i>
                                    <i class="icon-volume-up icon-2x"></i>
                                    <i class="icon-warning-sign icon-2x"></i>
                                    <i class="icon-wrench icon-2x"></i>
                                    <i class="icon-zoom-in icon-2x"></i>
                                    <i class="icon-zoom-out icon-2x"></i>
                                 </div>
                                 <!-- End -->
                              </div>
                              <div class="tabscontent" id="content2" style="display: none;">
                                 <div class="web-normal">
                                    <i class="icon-bitcoin icon-2x"></i>
                                    <i class="icon-btc icon-2x"></i>
                                    <i class="icon-cny icon-2x"></i>
                                    <i class="icon-dollar icon-2x"></i>
                                    <i class="icon-eur icon-2x"></i>
                                    <i class="icon-euro icon-2x"></i>
                                    <i class="icon-gbp icon-2x"></i>
                                    <i class="icon-inr icon-2x"></i>
                                    <i class="icon-jpy icon-2x"></i>
                                    <i class="icon-krw icon-2x"></i>
                                    <i class="icon-renminbi icon-2x"></i>
                                    <i class="icon-rupee icon-2x"></i>
                                    <i class="icon-usd icon-2x"></i>
                                    <i class="icon-won icon-2x"></i>
                                    <i class="icon-yen icon-2x"></i>
                                 </div>
                                 <!-- End -->
                              </div>
                              <div class="tabscontent" id="content3" style="display: none;">
                                 <div class="web-normal">
                                    <i class="icon-angle-down icon-2x"></i>
                                    <i class="icon-angle-left icon-2x"></i>
                                    <i class="icon-angle-right icon-2x"></i>
                                    <i class="icon-angle-up icon-2x"></i>
                                    <i class="icon-arrow-down icon-2x"></i>
                                    <i class="icon-arrow-left icon-2x"></i>
                                    <i class="icon-arrow-right icon-2x"></i>
                                    <i class="icon-arrow-up icon-2x"></i>
                                    <i class="icon-caret-down icon-2x"></i>
                                    <i class="icon-caret-left icon-2x"></i>
                                    <i class="icon-caret-right icon-2x"></i>
                                    <i class="icon-caret-up icon-2x"></i>
                                    <i class="icon-chevron-down icon-2x"></i>
                                    <i class="icon-chevron-left icon-2x"></i>
                                    <i class="icon-chevron-right icon-2x"></i>
                                    <i class="icon-chevron-sign-down icon-2x"></i>
                                    <i class="icon-chevron-sign-left icon-2x"></i>
                                    <i class="icon-chevron-sign-right icon-2x"></i>
                                    <i class="icon-chevron-sign-up icon-2x"></i>
                                    <i class="icon-chevron-up icon-2x"></i>
                                    <i class="icon-circle-arrow-down icon-2x"></i>
                                    <i class="icon-circle-arrow-left icon-2x"></i>
                                    <i class="icon-circle-arrow-right icon-2x"></i>
                                    <i class="icon-circle-arrow-up icon-2x"></i> 
                                    <i class="icon-double-angle-down icon-2x"></i>
                                    <i class="icon-double-angle-left icon-2x"></i>
                                    <i class="icon-double-angle-right icon-2x"></i>
                                    <i class="icon-double-angle-up icon-2x"></i> 
                                    <i class="icon-hand-down icon-2x"></i>
                                    <i class="icon-hand-left icon-2x"></i>
                                    <i class="icon-hand-right icon-2x"></i>
                                    <i class="icon-hand-up icon-2x"></i>
                                    <i class="icon-long-arrow-down icon-2x"></i>
                                    <i class="icon-long-arrow-left icon-2x"></i>
                                    <i class="icon-long-arrow-right icon-2x"></i>
                                    <i class="icon-long-arrow-up icon-2x"></i>
                                 </div>
                                 <!-- End -->
                              </div>
                           </div>
                           <!-- End contents -->
                        </div>
                        <!-- Left Section End -->
                     </div>
                  </div>
               </div>
            </div>
            <!-- Main Content end-->
         </div>
         <!-- Content End -->
         
         <!-- Footer Start -->
         <include file="Public:footer"/>
         <!-- Footer End -->
         <!-- Scroll To Top --> 
         <a href="#" class="scrollup"><i class="icon-angle-up"></i></a>
      </div>
      <!-- Wrap End -->
      <!-- switcher start -->
      <include file="Public:switcher"/>
      <!-- switcher start -->
      <!-- The Scripts -->
      <include file="Public:scripts"/>
      <!-- The Scripts -->
   </body>
</html>